<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Store_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-store_id" data-rule="required" data-source="zzyy/store/index"
                   data-field="store_name"
                   class="form-control selectpage" name="row[store_id]" type="text" value="{$row.store_id|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Room_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-room_name" data-rule="required" class="form-control" name="row[room_name]" type="text" value="{$row.room_name|htmlentities}">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Room_bannerimage')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-room_bannerimage" data-rule="required" class="form-control" size="50" name="row[room_bannerimage]" type="text" value="{$row.room_bannerimage|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-room_bannerimage" class="btn btn-danger faupload" data-input-id="c-room_bannerimage" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-room_bannerimage"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-room_bannerimage" class="btn btn-primary fachoose" data-input-id="c-room_bannerimage" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-room_bannerimage"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-room_bannerimage"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Room_slideimages')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-room_slideimages" data-rule="required" class="form-control" size="50" name="row[room_slideimages]" type="textarea" value="{$row.room_slideimages|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-room_slideimages" class="btn btn-danger faupload" data-input-id="c-room_slideimages" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-room_slideimages"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-room_slideimages" class="btn btn-primary fachoose" data-input-id="c-room_slideimages" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-room_slideimages"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-room_slideimages"></ul>
        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Feature_ids')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-feature_ids" class="form-control" name="row[feature_ids]" type="text" data-role='tagsinput'-->
<!--                   value="{$row.feature_ids|htmlentities}"-->
<!--                   data-tagsinput-options='{"trimValue":true, "autocomplete":{"url":"zzyy/feature/ajaxautocomplete"}}'>-->
<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Feature_ids')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-feature_ids" data-rule="" data-source="zzyy/feature/index" data-multiple="true" data-field="feature_name" class="form-control selectpage" name="row[feature_ids]" type="text" value="{$row.feature_ids|htmlentities}"} />
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Room_area')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-room_area" data-rule="required" class="form-control" name="row[room_area]" type="number" value="{$row.room_area|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Room_personnum')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-room_personnum" data-rule="required" class="form-control" name="row[room_personnum]" type="number" value="{$row.room_personnum|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Wifi_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-wifi_name" class="form-control" name="row[wifi_name]" type="text" value="{$row.wifi_name|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Wifi_pwd')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-wifi_pwd" class="form-control" name="row[wifi_pwd]" type="text" value="{$row.wifi_pwd|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Bluetooth_audio_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-bluetooth_audio_name" class="form-control" name="row[bluetooth_audio_name]" type="text" value="{$row.bluetooth_audio_name|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Room_descriptioncontent')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-room_descriptioncontent" data-rule="" class="form-control editor" rows="5" name="row[room_descriptioncontent]" cols="50">{$row.room_descriptioncontent|htmlentities}</textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Tts_lockid')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-tts_lockid" class="form-control" name="row[tts_lockid]" type="text" value="{$row.tts_lockid|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Yunding_homeid')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-yunding_homeid" class="form-control" name="row[yunding_homeid]" type="text" value="{$row.yunding_homeid|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Yunding_elemetor_uuid')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-yunding_elemetor_uuid" class="form-control" name="row[yunding_elemetor_uuid]" type="text" value="{$row.yunding_elemetor_uuid|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Audio_device')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-audio_device" class="form-control" name="row[audio_device]" type="text" value="{$row.audio_device|htmlentities}">
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>